<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css" media="screen">
		*{
			padding:0;
			margin:0;
		}
		.top{
			height:192px;
			width:1348px;
			border-top:1px dashed gray;
			margin:0 auto;
		}
		.top input{
        	line-height:29px;
        	padding-left:5px;
        	padding-right:30px;
        	background-color:rgb(234,234,234);
        	border:0;

        }
        .top #topRight input{
        	background-color:red;
        	color:white;
        }
        .top #topRight .jiao{
        	height:15px;
        	width:15px;
        	border-radius:1px;
        	background-color:blue;
        	position:relative;
        	top:-29px;
        	left:189px;
        }
		.center{
			height:335px;
			width:1348px;
			border-top:1px dashed gray;
			margin:0 auto;
		}
		.footer{
			height:622px;
			width:1348px;
			background-color:#cccccc;
			margin:0 auto;
		}
		.footer a{
			text-decoration:none;
			color:red;
		}
		.footer p{
			margin-bottom:30px;
			line-height:22px;
			font-size:10px;
			color:gray;
		}
		.footer .words{
			width:1064px;
			margin-left:144px;
			padding-top:55px;
		}
        .footer_down{
          height:61px;
          width:1348px;
          margin:0 auto;
        }
        .footer_down p{
        	width:550px;
        	line-height:61px;
        	margin:0 auto;
        }
        .footer_down p a{
        	text-decoration:none;
        	color:gray;
        	margin-right:45px;
        }
        .footer_down p a img{
        	position:relative;
        	top:5px;
        }
        .center{
        	padding-left:145px;
        	padding-top:50px;
        	font-size:12px;
        }
        .center ul{
        	margin-right:130PX;
        }
        .center ul li{
        	list-style:none;
        	color:gray;
        	line-height:24px;
        }
        .center ul li a{
        	color:black;
        	text-decoration:none;
        }
        .center ul li a:hover{
        	color:red;
        }
        .center #centerOne,#centerTwo,#centerThree,#centerFour{
        	float:left;
        }
        #bottom .top #topLeft{
        	float:left;
        	margin-left:380px;
        	margin-top:50px;
        }
         #bottom .top #topRight{
        	float:right;
        	margin-right:380px;
        	margin-top:50px;
        }
        #bottom .top #topRight input:hover{
        	background-color:black;
			opacity:1;
			transition:all .5s;
        }
        .youxiang{
        	height:29px;
        	width:29px;
        	background-color:red;
        	float:right;
        	line-height:29px;
        	text-align:center;
        	color:white;
        	font-weight:bolder;
        }
        .youxiang:hover{
        	background-color:black;
			opacity:1;
			transition:all .5s;
        }
        #centerOne li img{
        	-webkit-background-size: 220px 220px;
			-moz-background-size: 220px 220px;
			-webkit-border-radius: 10px;
			-webkit-transition: -webkit-transform 2s ease-out;
			-moz-transition: -moz-transform 2s ease-out;
			-o-transition: -o-transform 2s ease-out;
			-ms-transition: -ms-transform 2s ease-out;
        }
        #centerOne li img:hover{
        	-webkit-transform: rotateZ(-60deg);
			-moz-transform: rotateZ(-60deg);
			-o-transform: rotateZ(-60deg);
			-ms-transform: rotateZ(-60deg);
			transform: rotateZ(-60deg);
        }
	</style>
</head>
<body>
	<div id="bottom">
		<div class="top">
			<div id="topLeft">
				<p>订阅电子邮件</p>
				<br>
				<input type="text"placeholder="请输入邮箱地址">
			    <div class="youxiang"id="youxiang">></div>
			</div>
			<div id="topRight">
				<p>实体店查询</p>
				<br>
				<input type="text"value="点击查询">
				<div class="jiao"></div>
			</div>
		</div>
		<script type="text/javascript">
          var youxiang = document.getElementById("youxiang");
          youxiang.onclick = function(){
          	opener = window.open("dingyue.html","newwindow","width=500, height=300,left=400,right= 100,top=280,menubar = 0,status = no")
            }
		</script>
		<div class="center">
				<ul id="centerOne">
					<li>关于我们</li><br><br>
					<li><img src="images/pumawx.png" height="155px" width="150px"></li>
				</ul>
				<ul id="centerOne">
					<li>购买</li>
					<li><a href="#">男士</a></li>
					<li><a href="#">女士</a></li>
					<li><a href="#">儿童</a></li>
					<li>运动</li>
					<li><a href="#">足球</a></li>
					<li><a href="#">跑步</a></li>
					<li><a href="#">训练</a></li>
					<li><a href="#">赛车</a></li>
					<li><a href="#">高尔夫</a></li>
					<li><a href="#">下载PUMATRAC</a></li>
				</ul>
				<ul id="centerTwo">
					<li>球队</li>
					<li><a href="#">阿森纳足球俱乐部</a></li>
					<li><a href="#">意大利国家足球俱乐部</a></li>
					<li><a href="#">多特蒙德足球俱乐部</a></li>
					<li>形象大使</li>
					<li><a href="#">蕾哈娜</a></li>
					<li><a href="#">尤赛恩-博尔特</a></li>
					<li><a href="#">塞尔吉奥·阿奎罗</a></li>
					<li><a href="#">塞斯克·法布雷加斯</a></li>
					<li><a href="#">马里奥·巴洛特利</a></li>
					<li><a href="#">马尔科·罗伊斯</a></li>
					<li><a href="#">瑞奇.福勒</a></li>
				</ul> 
				<ul id="centerThree">
					<li>客户服务</li>
					<li><a href="#">帮助中心</a></li>
					<li><a href="#">退货规则</a></li>
					<li><a href="#">隐私政策</a></li>
					<li><a href="#">使用条款</a></li>
					<br>
					<li><a href="#">热线电话:</a></li>
					<li><a href="#">400-821-5065</a></li>
					<li><a href="#">周一至周日9:00-18:00</a></li>
					<br>
					<li><a href="#">练习在线客服</a></li>
					<li><a href="#">周一至周日9:00-22:00</a></li>
				</ul> 	
				<ul id="centerFour">
					<li>关于PUMA</li>
					<li><a href="#">公司简介</a></li>
					<li><a href="#">公司新闻</a></li>
					<li><a href="#">媒体中心</a></li>
					<li><a href="#">投资者</a></li>
					<li><a href="#">可持续性发展</a></li>
					<li><a href="#">工作机会</a></li>
					
				</ul> 		
		</div>
		<div class="footer">
		<div class="words">
			<p>PUMA简介/ PUMA是畅销多国的运动品牌，设计、开发、销售并推广鞋类、服装和配饰，满足顾客对于“Forever Faster”精神的追求。PUMA官方商城荟萃品类齐全的男子、女子与儿童类商品，多种鞋类、服装、配饰和运动装备可供顾客尽情挑选，并且可以直接送货上门。 PUMA足球系列产品涵盖evoSPEED、evoPOWER、以及King系列足球鞋。此外，还有<a href="#">阿森纳</a>、<a href="#">多特蒙德</a>、多支意甲球队以及其它许多受到赞助的俱乐部的球衫和球迷服。  我们的明星球员使用我们的产品在绿荫场上驰骋，其中包括 
			<a href="#">塞尔吉奥•阿奎罗（Sergio Agüero）</a>、
			<a href="#">塞斯克•法布雷加斯（ Cesc Fàbregas）</a>、
			<a href="#">马尔科•罗伊斯（Marco Reus）</a>、
			拉达梅尔•法尔考（ Radamel Falcao）、奥利弗•吉鲁（ Olivier Giroud）、马里奥•巴洛特利（Mario Balotelli）和巴西女球星玛塔（Marta）。另外，针对足球爱好者，我们还提供齐全的球鞋、服装以及运动装备。 我们的IGNITE跑步鞋、Disc系列以及Speed系列跑步鞋是追求突破的必备之选。  我们的跑步服装与配饰在为你带来出众表现之余，并提升安全性与可见度。此外，我们为勇夺奥运奖牌的跑者，尤塞恩·博尔特（Usain Bolt），度身订制了多套跑步装备。 无论在健身房还是瑜伽会馆，PUMA训练系列产品都能助你提升训练效果，并且为你打造时尚利落的外形。我们的训练系列产品包括Pulse XT与 IGNITE XT 鞋款、紧身衣、有氧运动装备、训练短裤、长裤、紧身裤与打底裤，  其中所蕴含的技术能帮助肌肉达到理想的运动状态并且快速缓解疲劳。  国外炙手可热的健身教练， 如费尔南达•布兰顿 （Fernanda Brandao）、杰米•格兰杰（Jamie Granger） 等都是我们的顾客。 PUMA与全球家喻户晓的车队开展了紧密的合作，而赛车系列则是我们富有代表性的产品系列。该系列主打多支赞助车队的鞋类、服装以及配饰，其中包括 <a href="#">法拉利（Ferrari）</a>、梅赛德斯（Mercedes）、宝马（BMW）以及红牛（Red Bull）。此外，还有我们自行设计的经典款型，其中包括Speed Cat、Drift Cat、以及Future Cat赛车运动鞋。 烜赫一时的巡回赛职业选手，如瑞奇·福勒（Rickie Fowler）和莱克西·汤普森（Lexi Thompson），身着PUMA Cobra PUMA Golf系列产品笑傲高尔夫球场。在富有挑战性的的球场上，我们的产品，如PUMA高尔夫鞋、高尔夫长裤、Polo衫、高尔夫短裤和高尔夫裙，一直与这些形象大使同行，成为其强大助力者。 同时，PUMA也参与一些令人兴奋的合作，如以打造高端时尚为主题的PUMA Select系列产品，其中包括和一些知名设计品牌的合作，如 alife、 Alexander McQueen、STAMPD、ICNY、Vashtie和SWASH等。这些合作帮助我们将表现技术和街头时尚有效融合，从而打造深受大家喜爱的运动时尚服饰</p>
			<p>PUMA创造了许多畅销的运动鞋款式，如PUMA Suede和Trinomic系列。热卖经典款式包括Carson、Aril、Match、Court、Blaze、Soleil、 Mostro、Cabana Racer和Whirlwind等。这还不包括所有为人们所知且备受钟爱的经典PUMA服饰和配件，比如深受年轻人喜爱的PUMA Cat Logo T-Shirts和T7 Track Jackets等。</p>
			<p>PUMA为人所知的还有与歌手蕾哈娜（Rihanna）的合作，由此催生了众多的新型产品。同时蕾哈娜携手PUMA倾力打造了其专属产品系列，PUMA by Rihanna。在这里，你可以买到蕾哈娜同款产品。我们与其Fenty品牌的持续合作将助力我们改造经典运动产品和设计，打造出更具时尚感的产品系列。</p>
			<p>PUMA在120多个国家销售其产品，且拥有来自国内外的10,000多个员工，总部位于德国的黑措根奥拉赫。</p>
		</div></div>
		<div class="footer_down">
		    <p>
		    	<a href="#"><img src="images/ghs-fix.jpg">沪公网备31010102002087</a>
			<a href="#"><img src="images/icon2.jpg">上海工商&ngsp;&nbsp;沪ICP备10003828号-5</a>
		    </p>
		</div>
	</div>
</body>
</html>